<template>
  <div class="about">
    <common-header color="#78BDF0"></common-header>
    <banner :option="bannerOption"></banner>
    <div class="instroduction introduc">
       <div class="instroduction-title">公司简介</div> 
       <div class="row special-row">上海扑满信息科技有限公司是一家SaaS方案提供商</div>
       <div class="row">
         团队多年在行业中的营销实战经验及营销方法研发成营销科技产品。为商家提供实现流量共享和裂变传播能力、<br>
        左赞团队核心骨干来自BAT美团点评等互联网公司，拥有多年营销实战经验及研发能力。<br>
        我们出色的技术能力和良好的用户体验深得客户的信任，左赞的工作方式也得到了业界的认可。
       </div>
    </div>
    <div class="instroduction link">
       <div class="instroduction-title contact">联系我们</div> 
       <div class="row">
          电话：雷老师 136 5185 8619<br>
          邮箱：luffy.lei@puman.com
       </div>
       <div class="row title-row">联系地址：</div>
       <div class="row">上海市徐汇区乐山路33号1号楼</div>
    </div>
    <common-footer :hasCode="false"></common-footer>
  </div>
</template>

<script>
import CommonHeader from '@/components/CommonHeader.vue'
import Banner from '@/components/Banner.vue'
import CommonFooter from '@/components/CommonFooter.vue'

export default {
  name: 'introduction',
  components: {
    CommonHeader,
    CommonFooter,
    Banner,
  },
  data() {
    return {
      bannerOption: {
        path: '',
        imgUrl: require('@/assets/images/about-banner.png')
      },
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.about {
  .instroduction {
    padding-left: 20%;
    margin-bottom: 24px;
    &.introduc {
      padding-top: 48px;
    }
    &.link {
      padding-bottom: 48px;
    }
    &-title {
      height: 24px;;
      font-size:18px;
      font-weight:bold;
      color:#1FABF4;
      line-height:24px;
      padding-left: 6px;
      border-left: 3px solid #1FABF4;
      &.contact {
        margin-bottom: 10px;
      }
    }
    .row {
        color: #444444;
        line-height: 30px;
        font-size: 13px;
        &.special-row {
          margin-bottom: 18px;
        }
        &.title-row {
          font-size: 16px;
          color: #444444;
          font-weight: bold;
          margin-top: 20px;
        }
      }
  }
}
</style>
